﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link href="css/layout.css" rel="stylesheet" type="text/css" />
    <script src="external/jquery-2.0.0.js" type="text/javascript"></script>
    <script src="external/jquery.loadJSON.js" type="text/javascript"></script>
    <script src="js/service.js" type="text/javascript"></script>
    <script src="js/view.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>
    <title></title>
</head>
<body>
    <form action="\">
    <header data-src="pages/header.htm">
    </header>
    <nav data-src="pages/navigator.htm">
    </nav>
    <table>
        <tr>
            <td>
                <aside>
                </aside>
            </td>
            <td>
                <section>
                    <div id="home" data-src="pages/home.htm" data-header-id="GuestHeader">
                    </div>
                    <div id="editUser" data-src="pages/editUser.htm" data-header-id="GuestHeader">
                    </div>
                    <div id="about" data-src="pages/about.htm" data-header-id="GuestHeader">
                    </div>
                    <div id="contact" data-src="pages/contact.htm" data-header-id="GuestHeader">
                    </div>
                    <div id="userAdmin" data-src="pages/userAdmin.htm" data-header-id="MemberHeader">
                    </div>
                    <div id="categoryAdmin" data-src="pages/categoryAdmin.htm" data-header-id="MemberHeader">
                    </div>
                </section>
            </td>
            <td>
                <aside>
                    <div id="OnlineUserDiv">
                        <input type="text" />
                        <br />
                        <ul>
                            <li>Online User</li>
                        </ul>
                    </div>
                </aside>
            </td>
        </tr>
    </table>
    <footer>
        <ul>
            <li data-page-id="about" class="pageNavigator">About</li>
            <li data-page-id="contact" class="pageNavigator">Contact</li>
        </ul>
    </footer>
    </form>
</body>
</html>
